<script setup>
import {ref} from "vue";
import NavD from "@/views/home/navD.vue";
import One from "@/views/home/one.vue";
import Two from "@/views/home/two.vue";
import There from "@/views/home/there.vue";
import Four from "@/views/home/four.vue";
import Five from "@/views/home/five.vue";
import Six from "@/Views/home/six.vue";

const images = ref([
  'http://39.107.205.180:9043/upload/banner/bannr2.jpg',
  'http://39.107.205.180:9043/upload/banner/bannr1.jpg',
]);

const keyword = ref()
</script>

<template>
  <nav-d></nav-d>
  <a-carousel class="w-1/1" h="662px"
              :auto-play="true"
              indicator-type="dot"
              show-arrow="hover"
  >
    <a-carousel-item v-for="image in images">
      <img
          :src="image"
          :style="{
          width: '100%',height:'662px'
        }"
          alt=""/>
    </a-carousel-item>
  </a-carousel>
  <one/>
  <two/>
  <there/>
  <four />
  <five />
  <six />
</template>

<style scoped lang="less">
</style>
